<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
</head>
<link rel="stylesheet" type="text/css" href="cssd.css"/>
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
        background-color: #ffffff;
    }
    .top {
        margin-top: 90px;
        padding-bottom: 5px;
    }
    .logo {
        margin-left: 190px;
        color: #0093d6;
    }
    .center {
        height: 480px;
        background-color: #0093d6ed;
    }
    .center img {
        height: 480px;
        margin-left: 170px;
    }
    .title1 {
        float: right;
        margin-right: 200px;
        margin-top: 30px;
        color: #FFFFFF;
    }
    .title1 a {
        text-decoration: none;
        color: #FFFFFF;
    }
    .aid {
        height: 350px;
        width: 400px;
        margin-right: -35px;
        margin-top: 65px;
        float: right;
        background-color: #ecf9ff;
    }
    .title {
        height: 60px;
        line-height: 60px;
        width: 130px;
        text-align: center;
    }
    .username {
          height: 80px;
          margin-left: 30px;

      }
    .username input {
        height: 40px;
        width: 290px;
        padding-left: 50px;
        background-image: url("../image/user-bg-1.jpg");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border: aqua 1px solid;
    }
    .password {
        height: 60px;
        margin-left: 30px;
    }
    .password input {
        height: 40px;
        width: 290px;
        padding-left: 50px;
        background-image: url("../image/password-bg-1.jpg");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border: aqua 1px solid;
        margin: 0 auto;
    }
    .forget-pwd {
        height: 40px;
        margin-left: 30px;
        color: #595959
    }
    .submit {
        height: 40px;
        width: 340px;
    }
    .submit input {
        height: 40px;
        width: 340px;
        font-size: 20px;
        margin-left: 30px;
        background-color: #00a0e9;
        color: #ffffff;
    }
    .remember {
        margin-top: 10px;
        margin-left: 30px;
    }
    .remember a {
        text-decoration: none;
        color: #595959
    }
    .foot-r {
        float: right;
        margin-top: 20px;
        margin-right: 200px;
        font-size: 12px;
    }
    .foot a {
        text-decoration: none;
        color: #595959;
    }
    .foot-f {
        margin-left: 190px;
        margin-top: 20px;
        float: left;
        font-size: 12px;
        color: #595959
    }

</style>
<body>
<div class="top">
    <div class="logo">LOGO</div>
</div>
<div class="center">
    <img src="../image/left-bg.jpg" />
    <div class="title1"><a href="#">帮助</a></div>
    <form class="aid">
        <div class="title">账户登录</div>
        <div class="username">
            <input class="user" type="text" placeholder="用户名">
        </div>
        <div class="password">
            <input class="pswd" type="password" placeholder="密码">
        </div>
        <div class="forget-pwd">
            <label> <input type="radio">记住密码</label>
        </div>
        <div class="submit">
            <input type="submit" value="登      录">
        </div>
        <div class="remember"><a href="#">忘记密码</a></div>
    </form>
</div>
<div class="foot">
    <div class="foot-f">2020 重庆工程学院179000***所有</div>
    <div class="foot-r"><a href="#">网站地址</a>|<a href="#">法律声明</a>|<a href="#">友情链接</a></div>
</div>
</body>
</html>